<header>
  <button (click)="closeCalculator()"><ion-icon name="close"></ion-icon></button>
  <span class="title">收益计算器</span>
</header>
<div class="input-box">
  <ion-input type="number" placeholder="投资金额" readonly [(ngModel)]="inputResult"></ion-input>
  <div class="res-box">
    <span>预计收益(期限{{bid['period']}}{{bid['periodUnit']}})</span><span float-right>{{computedResult | number:'.2-2'}}元</span>
  </div>
</div>
<ion-row class="custom-keyboard">
  <ion-col size="4" *ngFor="let val of keyboard"><button (click)="inputVal(val)">{{val}}</button></ion-col>
  <ion-col size="8"><button (click)="inputVal(0)">0</button></ion-col>
  <ion-col size="4"><button (click)="backVal()"><ion-icon name="backspace"></ion-icon></button></ion-col>
</ion-row>